<template>
  <div class="shareToast">
    <div class="share" v-if='share'>
      <img src="../assets/image/sharelog.png" alt="" />
      <div class="shareBtn" @click='iKonw'>知道了</div>
    </div>
    <div class="mask" v-if='share'>
      
    </div>
  </div>
</template>
<script>
export default {
  name:"shareToast",
  // 数据
  data(){

    return{
    }
  },
  props:['share'],
  // 计算属性
  computed:{
  
  },
  // 创建（实例创建完成）
  created(){
    
  },
  // el被创建，并挂载到实例上
  mounted(){

  },
  // 方法（实例中的方法）-----------
  methods:{
    iKonw(){
    	this.$emit('close-share',false)
    }
  },
  // 子组件
  components:{
  }
}
</script>
<!--当前页面的样式 -->
<style lang="less" scoped>
.shareToast{
  .mask{
    position: fixed;
    top: 0;
    bottom: 0;
    left:0;
    right: 0;
    background: rgba(0,0,0,.8);
    z-index: 9999;
  }
  .share{
    width: 7.5rem;
    height: 5.18rem;
    position: absolute;
    top: 7%;
    right: 0%;
    z-index: 10000;
    img{
      width: 4.48rem;
      height: 4.88rem;
      margin-left: 1.5rem;
    }
    .shareBtn{
      width: 4rem;
      height: 0.8rem;
      font-size: 0.3rem;
      line-height: 0.8rem;
      color: #fff;
      background: #ec2121;
      border-radius: 0.3rem;
      margin: 0.5rem auto;
    }
  }
}
</style>